//ChartItem Page Less
.search-media-item-container {
  padding: 16px;
  background: #F2F5FA;
  border-radius: 4px 4px 4px 4px;
  max-height: 360px;

  .search-media-item-media {
    img {
      display: block;
      width: 100%;
      aspect-ratio: 263/197;
    }
  }

  .search-media-item-content {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;

    .search-media-item-title {
      font-weight: 600;
      font-size: 16px;
      color: #4E4E4E;

      display: -webkit-box; /* 必须 */
      -webkit-box-orient: vertical; /* 必须 */
      -webkit-line-clamp: 2; /* 限制行数 */
      overflow: hidden;
    }

    .search-media-item-author {
      font-weight: 400;
      font-size: 14px;
      color: #4E4E4E;

      display: -webkit-box; /* 必须 */
      -webkit-box-orient: vertical; /* 必须 */
      -webkit-line-clamp: 2; /* 限制行数 */
      overflow: hidden;
    }

    .search-media-item-about {
      font-weight: 400;
      font-size: 14px;
      color: #969696;
    }
  }
}
